@charset "utf-8";
/*!
by Sean Lu 20221210
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
!!!请勿直接在c.css中修改内容
*/
/* 全局变量设置 */
:root {
  --color-main: #0068b7;
  --color-white: #fff;
  --color-txt: #f08300;
  --color-bg: #f5f5f5;
  --color-0: #000;
  --color-3: #333;
  --color-6: #666;
  --color-9: #999;
  --color-border: #dedede;
  --fsize-base: 14px;
  --fsize-large: calc(var(--fsize-base) * 1.25);
  --fsize-txt: calc(var(--fsize-base) * 1.14);
  --fsize-small: calc(var(--fsize-base) * 0.85);
  --fsize-h1: calc(var(--fsize-base) * 2.6);
  --fsize-h2: calc(var(--fsize-base) * 2.15);
  --fsize-h3: calc(var(--fsize-base) * 1.7);
  --gap-base: 16px;
  --gap-mini: calc(var(--gap-base) * 0.25);
  --gap-small: calc(var(--gap-base) * 0.5);
  --gap-large: calc(var(--gap-base) * 1.5);
  --gap-h1: calc(var(--gap-base) * 5);
  --gap-h2: calc(var(--gap-base) * 4);
  --gap-h3: calc(var(--gap-base) * 3);
}
@media (max-width: 1440px) {
  :root {
    --fsize-base: 12px;
    --gap-base: 12px;
  }
}
@media (max-width: 800px) {
  :root {
    --fsize-base: 12px;
    --gap-base: 6px;
  }
}
.trans {
  transition: all 0.3s;
}
.header {
  height: 80px;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 0 var(--gap-h3);
  transition: all 0.3s;
}
.header.fxdon {
  position: fixed;
  top: 0;
  padding: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  z-index: 10000;
}
.header.fxdon .wrapper {
  border-radius: 0;
}
@media (max-width: 800px) {
  .header {
    top: 20px;
    height: 60px;
  }
  .header.on {
    background: #222;
  }
}
.header .wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  padding: 0 var(--gap-h3);
  align-items: center;
  justify-content: space-between;
  border-radius: var(--gap-large);
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  transition: all 0.3s;
}
.header .wrapper .logo {
  width: 204px;
  height: 54px;
}
@media (max-width: 800px) {
  .header .wrapper .logo {
    width: 150px;
    height: 35px;
  }
}
.header .wrapper .logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header .wrapper .nav {
  height: 50px;
}
@media (max-width: 800px) {
  .header .wrapper .nav {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 50px;
    height: calc(100vh - 60px);
    background: var(--color-3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s;
  }
  .header .wrapper .nav.on {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.header .wrapper .nav .nul {
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 800px) {
  .header .wrapper .nav .nul {
    flex-direction: column;
  }
}
.header .wrapper .nav .nul .nli {
  height: 100%;
  position: relative;
  margin: 0 var(--gap-base);
}
@media (max-width: 800px) {
  .header .wrapper .nav .nul .nli {
    height: 60px;
    width: 100%;
  }
}
.header .wrapper .nav .nul .nli .na {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center;
  height: 100%;
  font-size: var(--fsize-large);
  color: var(--color-0);
  text-decoration: none;
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .header .wrapper .nav .nul .nli .na {
    justify-content: center;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    color: var(--color-white);
  }
}
.header .wrapper .nav .nul .nli .na::after {
  content: "";
  width: 0;
  height: 15px;
  background: #f08300;
  transition: all 0.3s;
  position: absolute;
  left: -15%;
  top: 50%;
  z-index: -1;
}
.header .wrapper .nav .nul .nli:hover .na {
  font-weight: bold;
  color: var(--color-main);
  text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;
}
.header .wrapper .nav .nul .nli:hover .na::after {
  width: 100%;
}
.header .wrapper .nav .nul .nli:hover .sub {
  opacity: 1;
  visibility: visible;
  transform: rotate3d(0, 0, 0, 0);
  -webkit-transform: rotate3d(0, 0, 0, 0);
}
.header .wrapper .nav .nul .nli .sub {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--color-white);
  padding: var(--gap-base) 0;
  box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  transform-style: preserve-3d;
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
@media (max-width: 800px) {
  .header .wrapper .nav .nul .nli .sub {
    display: none;
  }
}
.header .wrapper .nav .nul .nli .sub .sli .sa {
  text-decoration: none;
  height: 36px;
  display: flex;
  align-items: center;
  font-size: var(--fsize-txt);
  padding: 0 var(--gap-h3) 0 var(--gap-large);
  color: var(--color-3);
  border-left: 5px solid transparent;
  transition: all 0.3s;
}
.header .wrapper .nav .nul .nli .sub .sli .sa:hover {
  background: #014190;
  border-left-color: var(--color-main);
  color: var(--color-white);
}
.header .wrapper .mor {
  display: flex;
  align-items: center;
}
.header .wrapper .mor .it {
  position: relative;
}
@media (max-width: 800px) {
  .header .wrapper .mor .it.itno {
    display: none;
  }
}
.header .wrapper .mor .it .ma {
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  position: relative;
}
.header .wrapper .mor .it .ma img {
  display: block;
  width: 24px;
  height: 24px;
}
.header .wrapper .mor .it:hover .mul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header .wrapper .mor .it .mul {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--color-white);
  padding: var(--gap-base) 0;
  box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s;
}
.header .wrapper .mor .it .mul .mli .mla {
  text-decoration: none;
  height: 36px;
  display: flex;
  align-items: center;
  font-size: var(--fsize-txt);
  padding: 0 var(--gap-h3) 0 var(--gap-large);
  color: var(--color-3);
  border-left: 5px solid transparent;
  transition: all 0.3s;
}
.header .wrapper .mor .it .mul .mli .mla:hover {
  background: #014190;
  border-left-color: var(--color-main);
  color: var(--color-white);
}
.header .wrapper .mor .menu {
  display: none;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  border-radius: 50%;
}
@media (max-width: 800px) {
  .header .wrapper .mor .menu {
    display: flex;
  }
}
.header .wrapper .mor .menu i {
  align-items: center;
  height: 100%;
}
.header .wrapper .mor .menu svg {
  width: 16px;
}
.header .wrapper .mor .menu .i1 {
  display: flex;
}
.header .wrapper .mor .menu .i2 {
  display: none;
}
.header .wrapper .mor .menu.on .i1 {
  display: none;
}
.header .wrapper .mor .menu.on .i2 {
  display: flex;
}
.seawrap {
  background: rgba(77, 77, 77, 0.95);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  backdrop-filter: blur(5px) saturate(180%);
  -webkit-backdrop-filter: blur(5px) saturate(180%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.seawrap.on {
  opacity: 1;
  visibility: visible;
}
.seawrap .clo {
  padding: var(--gap-mini);
  border: 2px solid var(--color-white);
  border-radius: 50%;
  position: absolute;
  right: var(--gap-h1);
  top: var(--gap-h1);
  transition: all 0.3s;
}
.seawrap .clo:hover {
  transform: rotate(90deg);
}
.seawrap .clo img {
  display: block;
  width: 58px;
  height: 58px;
}
.seawrap .seabox {
  width: 100%;
  max-width: 1200px;
  color: var(--color-white);
  text-align: center;
}
.seawrap .seabox .hd {
  font-size: calc(var(--fsize-h1) * 1.2);
  font-weight: bold;
  letter-spacing: var(--gap-small);
}
.seawrap .seabox .bd {
  margin-top: var(--gap-large);
}
.seawrap .seabox .bd .sea .ipt {
  width: 100%;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  height: 100px;
  display: flex;
  align-items: center;
  padding: 0 var(--gap-large);
  box-sizing: border-box;
  font-size: var(--fsize-h3);
  background: transparent;
  color: var(--color-white);
}
.bannerslide {
  position: relative;
  overflow: hidden;
}
.bannerslide .swiper-wrapper {
  position: relative;
  height: 100vh;
}
@media (max-width: 800px) {
  .bannerslide .swiper-wrapper {
    height: 50vh;
  }
}
.bannerslide .swiper-wrapper .bg {
  height: 100%;
  transition: all 0.6s ease;
  animation: visualScale 5s linear infinite alternate both;
}
@keyframes visualScale {
  0% {
    transform: translateZ(0) scale(1) rotate(0deg);
  }
  100% {
    transform: translateZ(0) scale(1.08) rotate(0.0001deg);
  }
}
.bannerslide .swiper-wrapper .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerslide .swiper-wrapper .bg video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerslide .swiper-wrapper .box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  z-index: 2;
}
.bannerslide .swiper-wrapper .box .wrapper {
  color: var(--color-white);
}
.bannerslide .swiper-wrapper .box .wrapper .sub {
  font-size: var(--fsize-base);
  letter-spacing: 2px;
  display: flex;
  margin-bottom: var(--gap-large);
}
.bannerslide .swiper-wrapper .box .wrapper .sub span {
  display: flex;
  align-items: center;
}
.bannerslide .swiper-wrapper .box .wrapper .sub span::after {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background: rgba(255, 255, 255, 0.4);
  margin: 0 var(--gap-small);
}
.bannerslide .swiper-wrapper .box .wrapper .sub span:last-child::after {
  display: none;
}
.bannerslide .swiper-wrapper .box .wrapper .tit {
  font-size: calc(var(--fsize-h1) * 1.2);
  font-weight: 500;
  letter-spacing: 2px;
  opacity: 0;
  transform: translateX(var(--gap-h1));
  transition: all 0.6s ease 0.6s;
}
@media (max-width: 800px) {
  .bannerslide .swiper-wrapper .box .wrapper .tit {
    font-size: var(--fsize-h2);
  }
}
.bannerslide .swiper-wrapper .box .wrapper .inf {
  opacity: 0;
  transform: translateX(var(--gap-h1));
  transition: all 0.6s ease 0.8s;
}
.bannerslide .swiper-wrapper .box .wrapper .inf .txt {
  font-size: calc(var(--fsize-large) * 1.1);
  line-height: 1.6;
  font-weight: 100;
  margin: var(--gap-base) 0;
}
@media (max-width: 800px) {
  .bannerslide .swiper-wrapper .box .wrapper .inf .txt {
    font-size: var(--fsize-base);
  }
}
.bannerslide .swiper-wrapper .box .wrapper .inf .btn {
  display: flex;
}
.bannerslide .swiper-wrapper .box .wrapper .inf .btn .ba {
  display: flex;
  height: 30px;
  border-bottom: 1px solid var(--color-white);
  font-size: var(--fsize-txt);
  color: var(--color-white);
  text-decoration: none;
  font-weight: 100;
}
.bannerslide .swiper-wrapper .swiper-slide-active .box .wrapper {
  width: 100%;
  padding: 0 6%;
  box-sizing: border-box;
}
.bannerslide .swiper-wrapper .swiper-slide-active .box .wrapper .tit {
  opacity: 1;
  transform: translateX(0);
}
.bannerslide .swiper-wrapper .swiper-slide-active .box .wrapper .inf {
  opacity: 1;
  transform: translateX(0);
}
.bannerslide .swiper-wrapper .swiper-slide {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bannerslide .swiper-button-next,
.bannerslide .swiper-button-prev {
  width: 60px;
  height: 60px;
  background-size: cover;
  opacity: 0;
  transition: all 0.3s;
}
.bannerslide .swiper-button-next:after,
.bannerslide .swiper-button-prev:after {
  display: none;
}
.bannerslide:hover .swiper-button-next,
.bannerslide:hover .swiper-button-prev {
  opacity: 1;
}
@media (max-width: 800px) {
  .bannerslide:hover .swiper-button-next,
  .bannerslide:hover .swiper-button-prev {
    opacity: 0;
  }
}
.bannerslide .swiper-button-prev {
  left: 50px;
  background-image: url("data:image/png;base64,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");
}
.bannerslide .swiper-button-next {
  right: 50px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAh7SURBVHhe7Z1Lctw2FEUdW/5GqXLZLsdlOZJKKtuKyvInyTDDZJidZBnJhjLKOrKRjDOxc478ug2i2VJ/yG6CjVv1RIoAgfvuaxIECYI3ho5Pnz7tYfvYk48fPx5gp6yfsTzHLlh/z/IHLdYvTIs8p9iB+2KWsRfFViwKRLuDiI9ZHisuyx+7tCjTsq3jTlRbkQJh7vlLxt5MhNuUWad1s34v6OwmEGAPIZ5i36cCbdPkIifWd+fUhrN3sEMc95zfKkxq5sNsE05YehR5qtlneR+7y7ptzM0wg3zXtMjzGPPX7762OQvXyfIQG+8pDScV6ug6UUzHXmPPsW/YdjOKWBuWZZlRtnUswkXOd6OI8oFjt3Dou9zZ3MjzCvPXfyt27R3WZZ3WnXJps/BhY9x6AU48wt7mzk2MNK94nmFbPzXIQS7BaR7ft/oUu5QDSHt6mvurI82rKfsGX8Uug4Gc5BYc5/H3aC7jNAbhh9j71IGJ4YSdtkesDy4QOeQoVzmnPiSmjw8j+/AAOR1obSvYbuP4nPXOGuhNQc5y14fUp4mFz8P6gUHoNnY2IZkahF+yLL7TpQ/hy4yPmL7fjqzbBSRtL2bOt2zzqPg2so0G+qRvLf7a499uuwKRB5B410LOtuLryDY66Js+tvitFg8i22ZB5XawPrSQ8rAe/a0HfQxfc/8/qE1k2wyo2CNjJhjYMTb4K6iuoK/hc0OH0GYzRwqV2Wa0naZesNyZYEygz+F7rsc7tYps/YCKblNJW4fpWWTZWahBpolBUat+rr4o2MNz5tLWX0dk2XmoRa4PpmbdnzmorK3Tt1NtxnVQi9CkoZPaRZZuQKHeDskr8QqjBiODmoQ2Db2wbm6zULgPgRr3ptjmNXgdMDAHahMapQFxAMb6jTyFNO7a8r898NF2+rqCGqlVpt2rSF4NFOCd2WmBUejobof0BbVq0W+15yns7NO0xsMl/n8ZyRULQs0yDdV0+SeP7Ni4quJ/D7/dHiqzAtQstEu1XO6qix1syKcFRCHPI7liSahdi56LN/BkPsp29oqhuIdLQ4HahYappkeRfDXI7FDO/BAr78H+wKCGmaZqfP3gDjI5QCzd0fsxtQO4JtQwtJxqix1GcjvIYIemcXRgTyK5Yk2oZaptaD2/g00Gx7WmO3jeq0dHR1DL0DTV+Gkkz4LEfODzzt9W7xpqmmqs5pHUBIn30oxh9f2JjqGmmcbabP+OSDlKfJqJ/9e779Iz4PgLVmT7praZ1geR9AVsbFwB8P/jSBoc4PYb9h/2D1yLC4raZlq/iaTPYGPjMCKDrf8gR3rD7TIY8LsE68UFBb7eJ8yvZr80DyTmEXsdSYMD3P6CYwMlBkWN4Zxq/uWMxIbGY0cSB3vfCn7erPubZQOlBUWN4TvVHDuOpMvE/Np4swO9lgQciw+KGsM11fziMoF/fEcvTfDcNvgbiXAsOihw9IZj3o7smeAL9WlAzmOfwQO+RQdFreGZBmRfpxr3V7CTyF8E4FtsUOB3gqXaPzFKeYewuAdR8C4yKC3aH7jRuUPSjYPtEF4FuBcXFLWGW6r9qY7kw0P3I39xgHtRQYFTo/3GzmYaFv6/H/mLBD4UExS1hlOq/bkb8z5IGa/7XgH8KCIoag2fVPsLyeevMI9iiCh+DD4o8Gj0AbH3RinvnIxmdAm+DDoocHDCnKn2xmLUARH48zM2A/z+PbJsDdCYDQgrozxlCRz8CfsXnxpg2x+RZauASuspa3SNuhh6MIRaQynV/sKNo7rsFfgw+GAItYZWqv25h81oOoailGAIaLV2DEdx60SUFAyh1tBLtT91Y/E3FwW8iwqGaNH+wMOm6NvvosRgCCjO3n7nT7EPqESpwRBqDdU0IJcPqIp8hCtKDgY02x/hChKKGuQg4FhsMIQaQzfV/PMgB8GGYoYBCfgVHQyhxlCeao41hgGVNFCu+GAINYZ2qnljoFwRQ0nh9QIrPhhQvnooqSBDEYOt4fUn/KYoLRhCbaGeat0cbC3YWMzrCHC7DArL4oIh1DbTevZ1BBKKemEHJ36N1aKgppnGWvuEDDhZX2nrGWqaaqzmkTQLEutLnz1CLUPTVOP5L32Sob4W3SPUMtU2tL76CS0Z6sQBPUANQ8upttjVEwcIMtWpNXqAGmaaqvFiF01krpPPdAi1Cw1TTRebfEaQuU7P1CHUrkXP5QaTsEOdwKwDqFlol2q5/LSx7Fin+OsAapZpuNoUf4Kd6ySYa0CtWvRb7wKJAuo0sStAjdQq0279+4MUUidSXhJqExpNNcO6mUhZUFidanxBqElo09AL6/aLblRSJ+O/BmoRmjR0UrvI0h0ouH6u4hqoRa4P1s/nKgQF1w+6zIEaZJr4Y1Wrfj+nRyX1k0cJ9Dl8z/Xo/5NHE1Bh/SgY0NfwuaFDaLPZz+dRaf1sXsvVlJqoTWTbLCBQPyzZ9Ht7H5acABL106uf/d3+p1cngFD9OHHfV1PLAkJebbR1HidHS/189zYAufqB+6EBJ2xXGneJUyPNNscRGIMLjJzkFhzn8X+lj7FLOYC0v7DGQ67USPPXZw936yMk5SCX4DSP71t9il3KBI745LG1bUmNPP7qHIS8sVH31mWd1p1yabPwYZCTS68EHPI0doS1No4TMx17jdmQ+pZRZxcClmWZUbZ1LMJFzuWdnhYFjnpqOLxOjImFKL4cecJSIT2K9lnex3x45juSTuKi2Xs28M6QYB5//V7due85tnCdLB0wONjB5p0DZxXvKZYP8N6ayUVOrO/201AEsNN1gM29sunLrNO6Wa9DnNqAMA5l9bR0zHLuFc+qFmVatnXszimpKyCabYSTG9g38ChybpYzlrYJiuvgAdsZz/uu2/m0zTHPKeav3z6PZQz8VHTjxv8xCF7VYlENwwAAAABJRU5ErkJggg==");
}
.bannerslide .swiper-button-next:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAzFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8cHSAiIyYrLC5FRUhcXF9hYmSJiouKi4yfoKG7u7zCwsPDw8TKysvR0dLn5+fu7u74+Pn///9RxYs1AAAAMnRSTlMABQ0SExcaHB8iIycoMDk9T1hcYGyFh46PkpuerrzFxsjJytLY3N/g5ebn6Ozu8fb5/L7UkpgAAAKJSURBVGjezZrZVhpBFEUPIAgaUZnnQaANhKGpTGY0yfn/f8qDYEhEqFtdt8x+7l57ddPcuhNgSaZYrnV6o2gex/No1OvUysUMfJIrtSPuIWqXcn4M59UxDzCunic1nFSGPMqwcpJAcdpc0YpV89RRcdaKaU3cOnNQpBtrilg30lLH9ZRiXl+LFPkunejm7R1XCzqyuLJUpOpMQD1l48gOmIhB9rijMGFCJoVjjosZEzO7OOy4XNIDy8uDz+HFQS4PPEthRk/Mnv1dshN6Y/LMN5Ya0COD/f+XBr1S3xtL6Jk9ESa/8C1ZPI2WXXqn++T8oAL/nC/pqYZkmtb8srY0/soZ1jqS9W520aISrZ38KtaSxH/ysSbVaD7mois9yWqbwVaoSGUjudGUDDe1AVV5qCyqgju+/RRLqgCAsf0NX96+F1vGAJCTOIyRW3IASvaXfzTGwVIC0La//NcHF0sbwC2VLRGQEd3gZMmgSHVLEWWqW8qoUd1SQ4fqlg76VLf0MaK6ZYSI6pYIc6pb5nDMISSW2FXC78YYYz7bSdxeF+/fGWPMJ8vXFak7GDl9wjIHR+ipO9hzCCtSBzvyACl2sCYO9XIHy9JDy8HBovD4dXEwI0sknByRLCVycrAtS+6cHCyJ0tQfTg7mZAn3nYtjLC0d7uSOTekgKYK+uhZBGFKRYcjCNEiJHaRZEKbtEaSBE6YVFaSpFqY9GKTRGaZlG6b5HKSNDtT9OuovN9oIMqQBCm98OWaFlx2chRkBhhlmhhnLhhkwA6lEcb+R+n+G/oHWFxwXMaayRYxAKyVhlmMCrfk8LCxZDFduEi0sAQBeqa9ePS6R7a2Rb70tke2uw/W363B90Trcb3B66nNT0VmfAAAAAElFTkSuQmCC");
}
.bannerslide .swiper-button-prev:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAzFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8cHSAiIyYrLC5FRUhcXF9hYmSJiouKi4yfoKG7u7zCwsPDw8TKysvR0dLn5+fu7u74+Pn///9RxYs1AAAAMnRSTlMABQ0SExcaHB8iIycoMDk9T1hcYGyFh46PkpuerrzFxsjJytLY3N/g5ebn6Ozu8fb5/L7UkpgAAAKLSURBVGjezZrZetpADEZ/cCCQNCQx+w4BnOKymOlKt7TV+79TL4CUNgRG45HSc21/57MxGm2AJUGpXOv0RtEsSWbRqNeplUsBfJIP2xEdIGqHeT+Gy+qYjjCuXqY1nFWGdJJh5SyF4ry5JCuWzXNHxUUrIWuS1oWDIttYEYtVI8t13E6JzetblqLQJSe6BXvHzZwcmd9YKjJ1SkE9Y+PIDSgVg9xpR3FCKZkUTzmuYkpNfHXccb0gDyyujz6HFwfR4sizFGPyRPzs75KbkDcmz3xjmQF5ZHD4/9Igr9QPxhLyzIEIU5j7lsyfRssueaf75PwgAf45X7JTCck0K/ll7Wj8lTOsZCSr/eyiRUK09vKrREqS/MnHmiRG8zEXXcpJlrsMtkKCVLaSO0nJcFsbkCibyqLKvu/nN8bFVQDAmO14//aL/dVjAMjzHcZwLHkAoYPDmI/2N4QA2i6OD7/s72gDuBd2UAQE0g6iACVxB5VQFndQGTVxB9XQEXdQB31xB/UxEnfQCJG4gyLMxB00QyLuoMRO8tkYY8x315TF8nWtjTHm3QM5vi7LHz6NJbL+hFNYRuiRuKXHCCvOlg4nQLpaaqxQ72gp8w4tN0uJefw6WQJuIuFgifgpEd/Sdkju2JbQJU3dWH6w0lR+wr02xnziJdwOpcOa4diWDg5F0Fd2EYQhCTLULExVSmyVZoFO20OlgaPTilJpqum0B1UanTotW53ms0obHaj7ddRfbrShMqQBim98OeLiyw7OdEaAOsNMnbGszoAZyKSK+43M/zP0V1pfcFzEmPIWMZRWSnSWY5TWfDYLSxbDlbtUC0sAgFfiq1ePS2QHa+R7b0tk++tw/d06XJ+1DvcbNeDqcy7nSaoAAAAASUVORK5CYII=");
}
.bannerslide .swiper-pagination-bullet {
  width: 6px;
  border-radius: 50%;
  height: 6px;
  background: var(--color-white);
  opacity: 0.2;
  margin: 0 var(--gap-small) !important;
  transition: all 0.3s;
  position: relative;
}
.bannerslide .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: 1px solid var(--color-white);
  border-radius: 50%;
  opacity: 0;
  transition: all 0.3s;
  visibility: hidden;
}
.bannerslide .swiper-pagination-bullet-active {
  opacity: 1;
}
.bannerslide .swiper-pagination-bullet-active::after {
  opacity: 0.3;
  width: 20px;
  height: 20px;
  visibility: visible;
}
.bannerslide .paginationw {
  position: absolute;
  left: 0;
  text-align: left;
  bottom: 25vh !important;
  left: 5%;
  z-index: 3;
  padding-left: 20px;
}
@media (max-width: 800px) {
  .bannerslide .paginationw {
    bottom: 4vw !important;
  }
}
.homebox01 {
  background: var(--color-white);
  padding: var(--gap-h1) var(--gap-h3);
}
.homebox01 .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: var(--gap-base);
}
.homebox01 .title .cn {
  font-size: var(--fsize-h1);
  font-weight: bold;
  color: var(--color-0);
  line-height: 1.2;
}
@media (max-width: 800px) {
  .homebox01 .title .cn {
    font-size: var(--fsize-h2);
  }
}
.homebox01 .title .en {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  color: var(--color-6);
}
@media (max-width: 800px) {
  .homebox01 .title .en {
    font-size: var(--fsize-base);
  }
  .homebox01 .title .en br {
    display: none;
  }
}
.homebox01 .list {
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 0;
  column-gap: 0;
  -webkit-column-break-inside: avoid;
  margin-top: var(--gap-h3);
}
@media (max-width: 800px) {
  .homebox01 .list {
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.homebox01 .list .item {
  position: relative;
  overflow: hidden;
}
.homebox01 .list .item ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.homebox01 .list .item ::-webkit-scrollbar-button:vertical {
  display: none;
}
.homebox01 .list .item ::-webkit-scrollbar-track:vertical {
  background-color: transparent;
}
.homebox01 .list .item ::-webkit-scrollbar-track-piece {
  background: transparent;
}
.homebox01 .list .item ::-webkit-scrollbar-thumb:vertical {
  background-color: rgba(255, 255, 255, 0.5);
}
.homebox01 .list .item ::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #fff;
}
.homebox01 .list .item ::-webkit-scrollbar-corner:vertical {
  background-color: #535353;
}
.homebox01 .list .item ::-webkit-scrollbar-resizer:vertical {
  background-color: #ff6e00;
}
.homebox01 .list .item:first-child {
  margin-top: var(--gap-h1);
}
@media (max-width: 800px) {
  .homebox01 .list .item:first-child {
    margin-top: 0;
  }
}
.homebox01 .list .item:hover .img img {
  transform: scale(1.05);
}
.homebox01 .list .item:hover .inf {
  opacity: 1;
  transform: translateY(0);
}
.homebox01 .list .item .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 66%;
  overflow: hidden;
}
.homebox01 .list .item .img img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.homebox01 .list .item .nam {
  position: absolute;
  font-size: var(--fsize-h1);
  font-weight: bold;
  color: var(--color-white);
  top: var(--gap-h3);
  left: var(--gap-h3);
}
@media (max-width: 800px) {
  .homebox01 .list .item .nam {
    font-size: var(--fsize-h3);
  }
}
.homebox01 .list .item .inf {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: var(--gap-h3);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--gap-large);
  background: linear-gradient(0deg, #0068b7 0%, rgba(0, 104, 183, 0) 100%);
  padding-top: var(--gap-h1);
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s;
  max-height: 80%;
  overflow-y: auto;
}
.homebox01 .list .item .inf .it {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--gap-h3);
}
@media (max-width: 800px) {
  .homebox01 .list .item .inf .it {
    height: var(--gap-h1);
  }
}
.homebox01 .list .item .inf .it .ia {
  color: var(--color-white);
  font-size: var(--fsize-txt);
  text-decoration: none;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-line-clamp: 1;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  column-gap: var(--gap-small);
  white-space: nowrap;
}
.homebox01 .list .item .inf .it .ia span {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.2;
  white-space: nowrap;
}
.homebox01 .list .item .inf .it .ia span i {
  font-style: normal;
  font-size: var(--fsize-base);
}
@media (max-width: 800px) {
  .homebox01 .list .item .inf .it .ia {
    font-size: var(--fsize-base);
  }
}
.homebox01 .list .item .inf .it .ia:hover {
  opacity: 0.6;
}
.homebox06 {
  padding: calc(var(--gap-h1) * 1.75) 0 0;
}
.homebox06 .hd {
  text-align: center;
  padding: 0 var(--gap-h1);
}
.homebox06 .hd .nam {
  color: var(--color-0);
  font-size: calc(var(--fsize-h1) * 1.1);
  line-height: 1.2;
  margin-bottom: var(--gap-large);
}
.homebox06 .hd .nam strong {
  display: block;
}
@media (max-width: 800px) {
  .homebox06 .hd .nam {
    font-size: var(--fsize-h3);
  }
}
.homebox06 .hd .txt {
  font-size: var(--fsize-txt);
  color: var(--color-6);
  line-height: 1.6;
}
@media (max-width: 800px) {
  .homebox06 .hd .txt {
    font-size: var(--fsize-base);
  }
  .homebox06 .hd .txt br {
    display: none;
  }
}
.homebox06 .list {
  margin-top: var(--gap-h1);
  display: flex;
  align-items: center;
  height: 580px;
}
@media (max-width: 800px) {
  .homebox06 .list {
    height: auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.homebox06 .list .it {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 800px) {
  .homebox06 .list .it {
    height: 50vw;
    width: 100%;
  }
}
.homebox06 .list .it:hover .ia {
  width: 87%;
  height: 90%;
}
.homebox06 .list .it:hover .ia .img {
  transform: scale(1.05) translate(-50%, -50%);
}
.homebox06 .list .it:hover .ia::before {
  opacity: 0;
}
.homebox06 .list .it:hover .ia .inf {
  opacity: 0;
}
.homebox06 .list .it .ia {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  color: var(--color-white);
  text-decoration: none;
  transition: all 0.3s;
}
@media (max-width: 800px) {
  .homebox06 .list .it .ia {
    height: 50vw;
  }
}
.homebox06 .list .it .ia::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85477941) 0%, rgba(0, 0, 0, 0.75113796) 27%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  transition: all 0.3s;
}
.homebox06 .list .it .ia .img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}
.homebox06 .list .it .ia .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homebox06 .list .it .ia .inf {
  position: absolute;
  bottom: var(--gap-h2);
  left: 0;
  z-index: 2;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 0 var(--gap-large);
  transition: all 0.3s;
}
.homebox06 .list .it .ia .inf .en {
  font-size: var(--fsize-base);
  font-weight: bold;
  opacity: 0.4;
  line-height: 1.2;
}
@media (max-width: 800px) {
  .homebox06 .list .it .ia .inf .en {
    font-size: var(--fsize-small);
  }
}
.homebox06 .list .it .ia .inf .cn {
  font-size: calc(var(--fsize-h3) * 1.16);
  font-weight: bold;
  line-height: 1.2;
  margin-top: var(--gap-small);
}
@media (max-width: 800px) {
  .homebox06 .list .it .ia .inf .cn {
    font-size: var(--fsize-large);
  }
}
.homebox07 {
  background: #bfdce9 url(../img/dmg/homebox07bg.png) repeat center center;
  padding: var(--gap-h1) var(--gap-h1);
}
.homebox07 .list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gap-small);
}
.homebox07 .list .it {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--gap-h3);
}
@media (max-width: 800px) {
  .homebox07 .list{
    grid-template-columns: none;
  }
  .homebox07 .list .it {
    height: var(--gap-h1);
  }
}
.homebox07 .list .it .ia {
  color: var(--color-0);
  font-size: var(--fsize-txt);
  text-decoration: none;
  overflow: hidden;
  -webkit-box-orient: vertical;
  height: 100%;
  width: 100%;
  word-break: break-all;
  -webkit-line-clamp: 1;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  padding: var(--gap-small) var(--gap-large);
  box-sizing: border-box;
  border-radius: 6px;
  column-gap: var(--gap-small);
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.3);
}
.homebox07 .list .it .ia b {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
  font-weight: normal;
}
.homebox07 .list .it .ia b i {
  font-style: normal;
  font-size: var(--fsize-base);
}
@media (max-width: 800px) {
  .homebox07 .list .it .ia {
    font-size: var(--fsize-base);
  }
}
.homebox07 .list .it .ia:hover {
  color: var(--color-main);
  background: var(--color-white);
}
.homebox02 {
  background: var(--color-white);
  padding: var(--gap-h1) var(--gap-h3);
  position: relative;
}
.homebox02 .bg {
  position: absolute;
  left: 0;
  top: var(--gap-h3);
}
.homebox02 .bg img {
  display: block;
  width: 580px;
}
.homebox02 .title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: var(--gap-base);
}
.homebox02 .title .cn {
  font-size: var(--fsize-h1);
  font-weight: bold;
  color: var(--color-0);
  line-height: 1.2;
}
@media (max-width: 800px) {
  .homebox02 .title .cn {
    font-size: var(--fsize-h2);
  }
}
.homebox02 .title .en {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  color: var(--color-6);
}
@media (max-width: 800px) {
  .homebox02 .title .en {
    font-size: var(--fsize-base);
  }
  .homebox02 .title .en br {
    display: none;
  }
}
@media (max-width: 800px) {
  .homebox02 .wrapper {
    padding: 0;
  }
}
.homebox02 .conbox {
  position: relative;
  margin-top: var(--gap-h2);
  display: flex;
  align-items: center;
  column-gap: var(--gap-h1);
}
@media (max-width: 800px) {
  .homebox02 .conbox {
    flex-direction: column;
    row-gap: var(--gap-large);
  }
}
.homebox02 .conbox .img {
  flex: 1;
}
.homebox02 .conbox .img img {
  display: block;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.homebox02 .conbox .list {
  flex: 1;
}
.homebox02 .conbox .list .item .ia {
  display: flex;
  flex-direction: column;
  padding: calc(var(--gap-large) * 1.2) 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-decoration: none;
  row-gap: var(--gap-base);
  position: relative;
}
.homebox02 .conbox .list .item .ia::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 0;
  background: var(--color-main);
  transition: all 1s;
}
.homebox02 .conbox .list .item .ia:hover::after {
  width: 100%;
}
.homebox02 .conbox .list .item .ia:hover .nam {
  color: var(--color-main);
}
.homebox02 .conbox .list .item .ia .tim {
  font-size: var(--fsize-large);
  color: var(--color-9);
}
.homebox02 .conbox .list .item .ia .nam {
  font-size: var(--fsize-h3);
  transition: all 0.3s;
  color: var(--color-0);
}
@media (max-width: 800px) {
  .homebox02 .conbox .list .item .ia .nam {
    font-size: var(--fsize-large);
  }
}
.homebox02 .morbox {
  display: flex;
  justify-content: center;
  margin-top: var(--gap-h1);
}
.homebox02 .morbox .button {
  position: relative;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  padding-block: 0.8rem;
  padding-inline: 1.25rem;
  background-color: #006bb3;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffff;
  gap: 10px;
  font-weight: bold;
  border: 3px solid #ffffff4d;
  outline: none;
  overflow: hidden;
  font-size: 15px;
  cursor: pointer;
}
.homebox02 .morbox .icon {
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}
.homebox02 .morbox .button:hover {
  transform: scale(1.05);
  border-color: #fff9;
}
.homebox02 .morbox .button:hover .icon {
  transform: translate(4px);
}
.homebox02 .morbox .button:hover::before {
  animation: shine 1.5s ease-out infinite;
}
.homebox02 .morbox .button::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100%;
  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%);
  top: 0;
  left: -100px;
  opacity: 0.6;
}
@keyframes shine {
  0% {
    left: -100px;
  }
  60% {
    left: 100%;
  }
  to {
    left: 100%;
  }
}
.homebox02x {
  background-color: #dae8ff;
  padding: var(--gap-h1) var(--gap-h3);
}
.homebox02x .title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: var(--gap-base);
}
.homebox02x .title .cn {
  font-size: var(--fsize-h1);
  font-weight: bold;
  color: var(--color-0);
  line-height: 1.2;
}
@media (max-width: 800px) {
  .homebox02x .title .cn {
    font-size: var(--fsize-h2);
  }
}
.homebox02x .title .en {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  color: var(--color-6);
}
@media (max-width: 800px) {
  .homebox02x .title .en {
    font-size: var(--fsize-base);
  }
  .homebox02x .title .en br {
    display: none;
  }
}
.homebox02x .list {
  margin-top: var(--gap-h3);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--gap-large);
}
@media (max-width: 800px) {
  .homebox02x .list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.homebox02x .list .item {
  background: var(--color-white);
  padding: var(--gap-h3);
  display: flex;
  align-items: center;
  transition: all 0.3s;
}
.homebox02x .list .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.homebox02x .list .item .ico {
  width: 60px;
  height: 40px;
  flex-shrink: 0;
}
.homebox02x .list .item .ico img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.homebox02x .list .item .inf {
  margin-left: var(--gap-base);
  color: var(--color-3);
}
.homebox02x .list .item .inf .ih {
  font-size: var(--fsize-large);
  line-height: 1.5;
  font-weight: bold;
}
.homebox02x .list .item .inf .ib {
  font-size: calc(var(--fsize-txt) * 0.9);
  line-height: 1.8;
  margin-top: var(--gap-base);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-line-clamp: 4;
}
.homebox01x {
  background: var(--color-bg);
  display: flex;
  padding: var(--gap-h1) var(--gap-h1);
}
@media (max-width: 800px) {
  .homebox01x {
    flex-direction: column;
  }
}
.homebox01x .tit {
  flex: 1;
}
.homebox01x .tit .cn {
  font-size: var(--fsize-h2);
  font-weight: 900;
}
.homebox01x .tit .en {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  margin-top: var(--gap-base);
}
.homebox01x .inf {
  flex: 1;
  box-sizing: border-box;
  padding-left: var(--gap-h2);
  margin-left: var(--gap-h2);
  border-left: 1px solid #ccc;
}
@media (max-width: 800px) {
  .homebox01x .inf {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
    margin-top: var(--gap-h3);
  }
}
.homebox01x .inf .nam {
  font-size: var(--fsize-large);
  font-weight: 800;
}
.homebox01x .inf .txt {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  margin-top: var(--gap-base);
  color: var(--color-3);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  -webkit-line-clamp: 4;
}
.homebox01x .inf .txt.tm {
  -webkit-line-clamp: 40;
}
.homebox01x .inf .btn {
  margin-top: var(--gap-base);
  display: flex;
}
.homebox01x .inf .btn .ba {
  height: 45px;
  border: 1px solid var(--color-0);
  display: flex;
  flex: 1;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
  font-size: var(--fsize-base);
  font-weight: 600;
  text-decoration: none;
  margin-right: var(--gap-large);
  color: var(--color-0);
  transition: all 0.3s;
}
.homebox01x .inf .btn .ba:last-child {
  margin-right: 0;
}
.homebox01x .inf .btn .ba:hover {
  border-color: var(--color-main);
  color: var(--color-main);
}
.homebox01x .inf .btn .ba.on {
  background: var(--color-0);
  color: var(--color-white);
}
.homebox01x .inf .btn .ba.on:hover {
  background: var(--color-main);
  border-color: var(--color-main);
}
.homebox08 {
  background: url(../img/dmg/hb08bg.jpg) no-repeat center;
  padding: 70px 140px;
}
@media (max-width: 800px) {
  .homebox08 {
    padding: 8vw 4vw;
  }
}
.homebox08 .hd {
  color: var(--color-0);
  text-align: center;
}
.homebox08 .hd .cn {
  margin-bottom: 10px;
  font-size: var(--fsize-h1);
  font-weight: bold;
}
.homebox08 .hd .tx {
  font-size: var(--fsize-txt);
  margin: 10px 0 50px;
}
@media (max-width: 800px) {
  .homebox08 .hd .tx {
    margin: 4vw 0 8vw;
  }
}
.homebox08 .box01 {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 60px 70px;
  color: var(--color-white);
}
@media (max-width: 800px) {
  .homebox08 .box01 {
    padding: 6vw;
  }
}
.homebox08 .box01 .con {
  font-size: var(--fsize-txt);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media (max-width: 800px) {
  .homebox08 .box01 .con {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding-bottom: 4vw;
    margin-bottom: 4vw;
  }
}
.homebox08 .box01 .form {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .homebox08 .box01 .form {
    flex-direction: column;
    align-items: flex-start;
  }
}
.homebox08 .box01 .form .it {
  margin-right: 40px;
}
@media (max-width: 800px) {
  .homebox08 .box01 .form .it {
    margin-right: 0;
    margin-bottom: 2vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}
.homebox08 .box01 .form .it:last-child {
  margin-right: 0;
}
.homebox08 .box01 .form .it.it2 {
  flex: 1;
}
.homebox08 .box01 .form .it.it2 .ipt {
  width: 100%;
}
.homebox08 .box01 .form .it .ih {
  font-size: var(--fsize-txt);
  margin-bottom: 10px;
}
@media (max-width: 800px) {
  .homebox08 .box01 .form .it .ih {
    width: 20vw;
    margin-bottom: 0;
  }
}
.homebox08 .box01 .form .it .ib {
  height: 36px;
  display: flex;
  align-items: center;
  font-size: var(--fsize-base);
}
@media (max-width: 800px) {
  .homebox08 .box01 .form .it .ib {
    flex: 1;
  }
}
.homebox08 .box01 .form .it .ib label {
  margin-right: 10px;
}
.homebox08 .box01 .form .it .ipt {
  width: 120px;
  height: 36px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0 10px;
  background: transparent;
  color: var(--color-white);
}
@media (max-width: 800px) {
  .homebox08 .box01 .form .it .ipt {
    width: 100%;
  }
}
.homebox08 .box01 .form .it .btn {
  width: 120px;
  height: 36px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-weight: bold;
  background: transparent;
  color: var(--color-white);
  cursor: pointer;
}
.homebox08 .box01 .form .it .btn:hover {
  background: rgba(255, 255, 255, 0.2);
}
.homebox08 .box02 {
  height: 100px;
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 70px;
}
@media (max-width: 800px) {
  .homebox08 .box02 {
    height: auto;
    padding: 6vw;
    flex-direction: column;
  }
}
.homebox08 .box02 .inf {
  display: flex;
}
@media (max-width: 800px) {
  .homebox08 .box02 .inf {
    justify-content: center;
  }
}
.homebox08 .box02 .inf a {
  margin-right: 25px;
  font-size: var(--fsize-txt);
  text-decoration: none;
  color: var(--color-txt);
  font-weight: 500;
}
.homebox08 .box02 .inf a:hover {
  color: var(--color-main);
}
@media (max-width: 800px) {
  .homebox08 .box02 .btn {
    margin-top: 4vw;
  }
}
.homebox08 .box02 .btn a {
  background: var(--color-main);
  padding: 10px 20px;
  color: var(--color-white);
  text-decoration: none;
  font-size: var(--fsize-small);
}
.homebox08 .box02 .btn a:hover {
  opacity: 0.9;
}
.homebox08 .more {
  margin-top: 20px;
  font-size: var(--fsize-txt);
  color: var(--color-6);
  text-align: center;
}
.homebox04 {
  position: relative;
}
.homebox04 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.homebox04 .bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homebox04 .con {
  position: relative;
  padding: calc(var(--gap-h1) * 1.5) var(--gap-h1);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .homebox04 .con {
    flex-direction: column;
  }
}
.homebox04 .con .inf {
  color: var(--color-white);
}
@media (max-width: 800px) {
  .homebox04 .con .inf {
    text-align: center;
  }
}
.homebox04 .con .inf .sub {
  font-size: var(--fsize-large);
  text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  font-weight: bold;
  margin-bottom: var(--gap-small);
}
.homebox04 .con .inf .nam {
  font-size: calc(var(--fsize-h1) * 1.11);
  margin-bottom: var(--gap-large);
  font-weight: bold;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}
@media (max-width: 800px) {
  .homebox04 .con .inf .nam {
    font-size: var(--fsize-h2);
  }
}
.homebox04 .con .inf .txt {
  font-size: var(--fsize-txt);
  line-height: 1.6;
  margin-bottom: var(--gap-h2);
}
@media (max-width: 800px) {
  .homebox04 .con .inf .txt br {
    display: none;
  }
}
.homebox04 .con .inf .btn .ba {
  width: calc(var(--gap-h1) * 2.5);
  height: var(--gap-h2);
  box-sizing: border-box;
  display: flex;
  border-radius: var(--gap-h1);
  border: 1px solid var(--color-white);
  font-size: var(--fsize-txt);
  align-items: center;
  color: var(--color-white);
  text-decoration: none;
  transition: all 0.3s;
  justify-content: center;
}
@media (max-width: 800px) {
  .homebox04 .con .inf .btn .ba {
    width: 30vw;
    height: 10vw;
    margin: 0 auto;
  }
}
.homebox04 .con .inf .btn .ba svg {
  width: 18px;
  transition: all 0.3s;
  margin-left: var(--gap-small);
}
.homebox04 .con .inf .btn .ba:hover {
  background: var(--color-txt);
}
.homebox04 .con .inf .btn .ba:hover svg {
  transform: rotate(45deg);
}
.homebox04 .con .tel {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  color: var(--color-white);
}
@media (max-width: 800px) {
  .homebox04 .con .tel {
    align-items: center;
    margin-top: var(--gap-h1);
  }
}
.homebox04 .con .tel::after {
  content: "";
  width: 1px;
  height: 130px;
  margin-top: var(--gap-base);
  background: rgba(255, 255, 255, 0.4);
}
@media (max-width: 800px) {
  .homebox04 .con .tel::after {
    display: none;
  }
}
.homebox04 .con .tel .nam {
  font-size: var(--fsize-txt);
  margin: var(--gap-mini) 0 var(--gap-small);
}
.homebox04 .con .tel .txt {
  font-size: var(--fsize-h3);
  font-family: "sinkin-sans";
  font-weight: bold;
}
.footer {
  background: var(--color-white);
  padding: var(--gap-h1) 0;
}
.footer .foot {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .footer .foot {
    flex-direction: column;
    align-items: center;
  }
}
.footer .foot .footlogo {
  width: 200px;
  height: 50px;
}
@media (max-width: 800px) {
  .footer .foot .footlogo {
    width: 150px;
    height: 40px;
    margin-bottom: var(--gap-h3);
  }
}
.footer .foot .footlogo img {
  display: block;
  width: 100%;
  height: 100%;
}
.footer .foot .list {
  width: 100%;
  max-width: 800px;
  display: flex;
  justify-content: space-between;
}
.footer .foot .list .it .ih {
  font-size: var(--fsize-large);
  color: #3f4a59;
}
.footer .foot .list .it .ih .ia {
  color: #3f4a59;
  text-decoration: none;
}
.footer .foot .list .it .ih .ia:hover {
  color: #014190;
}
.footer .foot .list .it .ib {
  margin-top: var(--gap-large);
}
.footer .foot .list .it .ib .il {
  margin-bottom: var(--gap-small);
  font-size: var(--fsize-txt);
  color: #3f4a59;
}
.footer .foot .list .it .ib .il .ia {
  color: #3f4a59;
  text-decoration: none;
  display: flex;
  align-items: center;
  column-gap: 2px;
}
.footer .foot .list .it .ib .il .ia:hover {
  color: #014190;
}
.footer .beian {
  display: flex;
  justify-content: space-between;
  font-size: var(--fsize-txt);
  padding: var(--gap-h1) 0 0;
}
@media (max-width: 800px) {
  .footer .beian {
    font-size: var(--fsize-base);
  }
}
.footer .beian a {
  color: #3f4a59;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.footer .beian a img {
  margin-right: var(--gap-small);
}
.footer .beian a:hover {
  color: #014190;
}
.footer .copy {
  padding-top: var(--gap-large);
  margin-top: var(--gap-large);
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  font-size: var(--fsize-base);
  display: flex;
  justify-content: space-between;
  color: #3f4a59;
}
@media (max-width: 800px) {
  .footer .copy .mor {
    display: none;
  }
}
.footer .copy .mor a {
  margin-left: var(--gap-base);
}
body {
  overflow-x: hidden;
}
body.fxd {
  overflow: hidden;
}
.wrapper {
  box-sizing: border-box;
  padding: 0 20px;
  width: 1400px;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .wrapper {
    width: 100%;
  }
}
@-webkit-keyframes zoomInSmall {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.92, 0.92, 0.92);
    transform: scale3d(0.92, 0.92, 0.92);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomInSmall {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.92, 0.92, 0.92);
    transform: scale3d(0.92, 0.92, 0.92);
  }
  50% {
    opacity: 1;
  }
}
.zoomInSmall {
  -webkit-animation-name: zoomInSmall;
  animation-name: zoomInSmall;
}
.lightGallery-white-theme .lg-outer .lg-thumb-outer {
  box-shadow: 0px 0px 6px -3.5px rgba(0, 0, 0, 0.25) inset;
}
.lightGallery-white-theme .lg-sub-html {
  color: #333 !important;
}
.lightGallery-white-theme .lg-sub-html a {
  color: #2f2f2f !important;
}
.lightGallery-white-theme .lg-backdrop {
  background-color: rgba(243, 243, 243, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.lightGallery-white-theme .lg-backdrop {
  background-color: rgba(243, 243, 243, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.lightGallery-white-theme .lg-thumb-item.active,
.lightGallery-white-theme .lg-thumb-item:hover {
  border-color: var(--color-main);
}
.lightGallery-white-theme .lg-progress-bar {
  background-color: #999;
}
.lightGallery-white-theme .lg-progress-bar .lg-progress {
  background-color: #333;
}
.lightGallery-white-theme .lg-outer .lg-thumb-outer {
  background-color: #fcfcfc;
}
.lightGallery-white-theme .lg-next,
.lightGallery-white-theme .lg-prev {
  background-color: rgba(0, 0, 0, 0.03);
  color: #444;
}
.lightGallery-white-theme .lg-next:hover,
.lightGallery-white-theme .lg-prev:hover {
  color: #000;
}
.lightGallery-white-theme .lg-next:focus,
.lightGallery-white-theme .lg-prev:focus {
  outline: none;
  box-shadow: none;
}
.lightGallery-white-theme .lg-toolbar .lg-icon {
  color: #555;
}
.lightGallery-white-theme .lg-toolbar .lg-icon:hover {
  color: #000;
}
.lightGallery-white-theme .lg-counter {
  color: #555;
}
.lightGallery-white-theme .lg-outer .lg-thumb-item.active,
.lightGallery-white-theme .lg-outer .lg-thumb-item:hover {
  border: 2px solid var(--color-main);
}
/* 圆细滚动条样式 20180601 / 20230805取消 */
/* 拖选文字样式 20160628 */
::selection {
  background: var(--color-main);
  color: var(--color-white);
}
::-moz-selection {
  background: var(--color-main);
  color: var(--color-white);
}
/* 移动端全局控制reset */
body,
div,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
iframe,
input,
textarea,
select,
label,
article,
aside,
footer,
header,
menu,
nav,
section,
time,
audio,
video {
  margin: 0;
  padding: 0;
}
article,
aside,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
  display: block;
}
body {
  font-size: 100%;
  font-family: Helvetica, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: var(--color-white);
}
textarea {
  resize: none;
}
iframe,
img {
  border: 0;
}
ul,
ol {
  list-style: none;
}
input,
select,
textarea {
  outline: 0;
  -webkit-user-modify: read-write-plaintext-only;
}
/* input { -webkit-appearance: none; } */
a {
  text-decoration: none;
  color: #666;
}
a:hover {
  text-decoration: underline;
  color: var(--color-main);
}

.footer .foot .list .it .ib .il  b {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
  font-weight: normal;
  font-style: normal;
}

.footer .foot .list .it .ib .il  b i {
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
}